<script>
window.addEventListener('scroll', function() {
    var header = document.querySelector('header');
    var scrollPosition = window.scrollY;

    if (scrollPosition > 100) { // 设置滚动距离，当滚动超过100像素时悬停
        header.style.position = 'fixed';
        header.style.top = '0';
        header.style.width = '100%';
        header.style.zIndex = '1000';
    } else {
        header.style.position = 'static';
    }
});
</script>
